<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,
			initial-scale=1,
			minimum-scale=1,
			maximum-scale=1,
			user-scalable=no" />

		<!--
				移动端布局视图设置，设置viewport
				1.width控制布局视图得横向最大像素点，也就是宽。其中device-width表示用用独立
				设备像素作为布局视图得宽度
				2.initial-scale 视图得初始缩放得倍率
				3.minmun-scale 视图允许得最小缩放倍率
				4.maximun-scale 视图允许得最大缩放倍率
				5.user-scaleable 是否允许用户手动缩放页面，yes或no
			-->
			
		<link rel="stylesheet" type="text/css" href="font/icon/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/tuangou.css" />
	</head>

	<body>
		<div class="web">
			<header>
				<div class="left fl">
					<img src="images/logo.jpg" />
				</div>
				<div class="right fr">
					<form action="">

						<select>
							<option>广州市</option>
							<option>广州市</option>

						</select>
					</form>
				</div>
				<div class="center">
					<div class="search">
						<input type="search" />
						<i class="iconfont icon-sousuo-sousuo"></i>
					</div>
				</div>
			</header>
				
				<section>
					<div class="photo">
						<img src="images/susi.jpg"/>
					</div>
					<div class="group clearfix">
						<div class="favorable fl">
							<i class="iconfont icon-wubanhua"></i>
							<span>优惠团购</span>
						</div>
						<div class="move fr">
							<span>更多</span>
							<i class="iconfont  icon-circle-arrow-right"></i>							
						</div>
					</div>
					<div class="gospel ">
						<ul >
							<li><img src="images/maiba.jpg"/></li>
							<li><img src="images/jiudian.jpg"/></li>
							<li><img src="images/zhuanpan.jpg"/></li>
							<li><img src="images/waimai.jpg"/></li>
						</ul>
					</div>	
					
					<div class="group clearfix">
						<div class="favorable fl">
							<i class="iconfont  icon-aixin"></i>
							<span>猜你喜欢</span>
						</div>
						<div class="move fr">
							<span>更多</span>
							<i class="iconfont   icon-circle-arrow-right"></i>							
						</div>
					</div>
					
					<div class="like  clearfix">
						<div class="sushi fl">
							<img src="images/wansui.jpg"/>
						</div>							
						<div class="duck clearfix"> 
							<div class="grandview fl">
								<a href="">万岁寿司（正佳店）</a>
								<p>[100店通用]双人套餐</p>
								<span>￥88.00</span>
							</div>
							<div class="sold fr">
								<p><100m</p>
								<span>已售1000</span>
							</div>
						</div>						
					</div>	
						
					<div class="like  clearfix">
						<div class="sushi fl">
							<img src="images/duck.jpg"/>
						</div>							
						<div class="duck clearfix"> 
							<div class="grandview fl">
								<a href="">周黑鸭（正佳店）</a>
								<p>[100店通用]双人套餐</p>
								<span>￥88.00</span>
							</div> 
							<div class="sold fr">
								<p><100m</p>
								<span>已售1000</span>
							</div>
						</div>						
					</div>		
					
					
						
						
					
				</section>
				
				
			<footer>
				<ul class="clearfix">
					<li>
						<a href=" ">
							<i class="iconfont  icon-shouye-copy-copy-copy"></i>
							<h2>首页</h2>
						</a>
					</li>

					<li>
						<a href="">
							<i class="iconfont icon- icon-fenlei"></i>
							<h2>分类</h2>
						</a>
					</li>

					<li>
						<a href="">
							<i class="iconfont icon- icon-faxian"></i>
							<h2>发现</h2>
						</a>
					</li>

					<li>
						<a href="">
							<i class="iconfont icon- icon-gerenzhongxin"></i>
							<h2>我的</h2>
						</a>
					</li>

				</ul>
			</footer>
		</div>
	</body>

</html>